// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.score-info {
  .default-gutter-v2(-10px);
  padding-top: 10px;
  padding-bottom: $padding-top;
  min-height: 240px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;

  @media @desktop {
    flex-direction: row;
  }

  &__item {
    margin: 10px;
    flex: 1;
    position: relative;

    @media @desktop {
      flex: none;
    }

    &--buttons {
      @media @desktop {
        margin: 0;
        position: absolute;
        right: @gutter-v2-desktop;
        bottom: 20px;
      }
    }

    &--dial {
      margin: 0 15px;
    }

    &--player {
      @media @desktop {
        flex: 1;
      }
    }
  }

  &__cover {
    --border-radius: 0;

    &::after {
      .full-size();
      content: "";
      background-color: hsla(var(--hsl-b6), 0.75);
    }
  }
}
